<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-81">
  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>
  <link href="${ctx.resource}/css/goals.css" rel="stylesheet">
  <title>习惯</title>
</head>
<body>
  <body>
    <div class="page-group">
      <div class="page page-current" style="background: #eeeeee;">
        <header class="bar bar-nav fs-header-small">
          <a href="${ctx.host}/rounds/${courseRoundId}/basic-information/student-assessment<c:choose><c:when test='${not empty scheduleId}'>?scheduleId=${scheduleId}</c:when><c:otherwise><c:if test='${not empty back}'>?back=${back}</c:if></c:otherwise></c:choose>" class="icon icon-left pull-left"></a>
          <h1 class="title">学员作息/饮食/运动习惯</h1>
        </header>
        <div class="content">
          <form method="POST" action="${ctx.host}/rounds/${courseRoundId}/basic-information/habit">
            <input type="hidden" name="_method" value="PATCH">
          
            <div class="list-block no-margin habit-box">
              <ul>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">早起时间：</div>
                      <div class="item-input">
                        <input type="text" name="getUpTime" value="${habit.getUpTime}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">入睡时间：</div>
                      <div class="item-input">
                        <input type="text" name="sleepTime" value="${habit.sleepTime}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">应酬频率：</div>
                      <div class="item-input">
                        <input type="text" name="entertainmentFrequency" value="${habit.entertainmentFrequency}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
              
              <div class="content-block-title" style="margin-top: 1rem;">早餐</div>
              <ul>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">摄入时间：</div>
                      <div class="item-input">
                        <input type="text" name="breakfastTime" value="${habit.breakfastTime}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
                <li class="align-top">
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label" style="font-size: .75rem; white-space: normal; width: 4rem; margin-right: .5rem;">具体食物类型及比例：</div>
                      <div class="item-input">
                        <textarea style="text-align: right; height: 2rem;" name="breakfastType" placeholder="例：面食：50% 肉类：30% 蔬菜：20%">${habit.breakfastType}</textarea>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">摄入量：</div>
                      <div class="item-input">
                        <input type="text" name="breakfastIntake" value="${habit.breakfastIntake}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
              
              <div class="content-block-title" style="margin-top: 1rem;">午餐</div>
              <ul>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">摄入时间：</div>
                      <div class="item-input">
                        <input type="text" name="lunchTime" value="${habit.lunchTime}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
                <li class="align-top">
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label" style="font-size: .75rem; white-space: normal; width: 4rem; margin-right: .5rem;">具体食物类型及比例：</div>
                      <div class="item-input">
                        <textarea style="text-align: right; height: 3rem;" name="lunchType" value="" placeholder="例：面食：50% 肉类：30% 蔬菜：20%">${habit.lunchType}</textarea>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">摄入量：</div>
                      <div class="item-input">
                        <input type="text" name="lunchIntake" value="${habit.lunchIntake}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
              
              <div class="content-block-title" style="margin-top: 1rem;">晚餐</div>
              <ul>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">摄入时间：</div>
                      <div class="item-input">
                        <input type="text" name="dinnerTime" value="${habit.dinnerTime}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
                <li class="align-top">
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label" style="font-size: .75rem; white-space: normal; width: 4rem; margin-right: .5rem;">具体食物类型及比例：</div>
                      <div class="item-input">
                      <textarea style="text-align: right; height: 3rem;" name="dinnerType" placeholder="例：面食：50% 肉类：30% 蔬菜：20%">${habit.dinnerType}</textarea>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">摄入量：</div>
                      <div class="item-input">
                        <input type="text" name="dinnerIntake" value="${habit.dinnerIntake}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
              
              <div class="content-block-title" style="margin-top: 1rem;">其他食物</div>
              <ul>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">摄入时间：</div>
                      <div class="item-input">
                        <input type="text" name="snackTime" value="${habit.snackTime}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
                <li class="align-top">
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label" style="font-size: .75rem;  white-space: normal; width: 4rem; margin-right: .5rem;">具体食物类型及比例：</div>
                      <div class="item-input">
                        <textarea style="text-align: right; height: 3rem;" name="snackType" placeholder="面食：50% 肉类：30% 蔬菜：20%">${habit.snackType}</textarea>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">摄入量：</div>
                      <div class="item-input">
                        <input type="text" name="snackIntake" value="${habit.snackIntake}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
              
              <ul style="margin: 1.75rem 0;">
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">饮水量：</div>
                      <div class="item-input">
                        <input type="text" name="waterIntake" value="${habit.waterIntake}" placeholder="请输入">
                      </div>
                    </div>
                  </div>
                </li>
                <li class="align-top">
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title item-label">其他：</div>
                      <div class="item-input">
                        <textarea name="remark" placeholder="请输入">${habit.remark}</textarea>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
            <div class="content-block">
              <button type="submit" class="button button-fill" style="background: #fedc32; font-size: 1rem; font-weight: bold; color: #333; min-height: 2.2rem; width: 100%;">保存</button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <%@ include file="/WEB-INF/include/script.jsp"%>
    <d:resource root="${ctx.resource}/build" type="script" src="js/page/courseware/coach-evaluation-habit.js" />
    <script type="text/javascript">
      require(['page/courseware/coach-evaluation-habit'], function(page) {
        page.init({
          courseRoundId: '${courseRoundId}'
        })
      })
    </script>
  </body>
</html>
                
